/*字体工具类*/

.font-12 {
  font-size: 24upx !important;
}

.font-13 {
  font-size: 26upx !important;
}

.font-14 {
  font-size: 28upx !important;
}

.font-15 {
  font-size: 30upx !important;
}

.font-16 {
  font-size: 32upx !important;
}

.font-17 {
  font-size: 34upx !important;
}

.font-18 {
  font-size: 36upx !important;
}

.font-19 {
  font-size: 38upx !important;
}

.font-20 {
  font-size: 40upx !important;
}

.font-21 {
  font-size: 42upx !important;
}

.font-22 {
  font-size: 44upx !important;
}


.icon-font-12 {
  font-size: 12px !important;
}

.icon-font-13 {
  font-size: 13px !important;
}

.icon-font-14 {
  font-size: 14px !important;
}

.icon-font-15 {
  font-size: 15px !important;
}

.icon-font-16 {
  font-size: 16px !important;
}

.icon-font-17 {
  font-size: 17px !important;
}

.icon-font-18 {
  font-size: 18px !important;
}

.icon-font-19 {
  font-size: 19px !important;
}

.icon-font-20 {
  font-size: 20px !important;
}

.icon-font-21 {
  font-size: 21px !important;
}

.icon-font-22 {
  font-size: 22px !important;
}
.icon-font-30 {
  font-size: 30px !important;
}
.icon-font-36 {
  font-size: 36px !important;
}
.icon-font-40 {
  font-size: 40px !important;
}

.icon-font-50 {
  font-size: 50px !important;
}

.font-primary {
  color: #12C79E !important;
}

.font-red {
  color: #dd1936 !important;
}

.font-blue {
  color: #1890FF !important;
}

.font-orange {
  color: #fe9402 !important;
}

.font-green {
  color: #48E524 !important;
}

.font-normal {
  color: #666 !important;
}

.font-black {
  color: #222 !important;
}

.font-white {
  color: #fff !important;
}

.font-fade {
  color: #999 !important;
}
/*边框样式*/
.border-primary {
  border:1px solid #12C79E !important;
}

.border-red {
  border:1px solid #dd1936 !important;
}

.border-blue {
  border:1px solid #1890FF !important;
}

.border-orange {
  border:1px solid #fe9402 !important;
}

.border-green {
  border:1px solid #48E524 !important;
}

.border-normal {
  border:1px solid #666 !important;
}

.border-black {
  border:1px solid #303030 !important;
}

.border-white {
  border:1px solid #fff !important;
}

.border-fade {
  border:1px solid #999 !important;
}
.bg-primary {
background:#2190FF !important;
}

.bg-red {
  background-color: #dd1936 !important;
}

.bg-blue {
background:#2190FF !important;
}

.bg-orange {
  background-color: #fe9402 !important;
}

.bg-green {
  background-color: #48E524  !important;
}
.bg-default{
  background-color:#12C79E !important;
}
.bg-normal {
  background-color: #666 !important;
}
.bg-pink{
  background-color:#ED4E65!important;

}
.bg-black {
  background-color: #333 !important;
}
/*新增灰色背景*/
.bg-light-default {
  background-color: #F0F2F5 !important;
}
.bg-white {
  background-color: #fff !important;
}

.bg-fade {
  background-color: #999 !important;
}
.bg-gray {
  background-color: #D8D8D8 !important;
}

/*字体对齐*/

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.block-center {
  margin: 0px auto;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hide {
  display: none;
}

/*浮动*/

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.clearboth {
  clear: both !important;
}

/*外边距*/

.mgt-5 {
  margin-top: 10upx !important;
}

.mgt-10 {
  margin-top: 20upx !important;
}

.mgt-15 {
  margin-top: 30upx !important;
}

.mgt-20 {
  margin-top: 40upx !important;
}

.mgt-25 {
  margin-top: 50upx !important;
}

.mgt-30 {
  margin-top: 60upx !important;
}
.mgt-50 {
  margin-top: 100upx !important;
}
.mgb-5 {
  margin-bottom: 10upx !important;
}

.mgb-10 {
  margin-bottom: 20upx !important;
}

.mgb-15 {
  margin-bottom: 30upx !important;
}

.mgb-20 {
  margin-bottom: 40upx !important;
}

.mgb-25 {
  margin-bottom: 50upx !important;
}
.mg-0{
  margin: 0 !important;
}

.mgb-30 {
  margin-bottom: 60upx !important;
}

.mgl-5 {
  margin-left: 10upx !important;
}

.mgl-10 {
  margin-left: 20upx !important;
}

.mgl-15 {
  margin-left: 30upx !important;
}

.mgl-20 {
  margin-left: 40upx !important;
}

.mgl-25 {
  margin-left: 50upx !important;
}

.mgl-30 {
  margin-left: 60upx !important;
}

.mgr-5 {
  margin-right: 10upx !important;
}

.mgr-10 {
  margin-right: 20upx !important;
}

.mgr-15 {
  margin-right: 30upx !important;
}

.mgr-20 {
  margin-right: 40upx !important;
}

.mgr-25 {
  margin-right: 50upx !important;
}

.mgr-30 {
  margin-right: 60upx !important;
}

.no-padding {
  padding: 0px !important;
}

/*内边距*/

.no-margin {
  margin: 0px;
}

.pdt-0 {
  padding-top: 0px !important;
}
.pdl-0 {
  padding-left: 0px !important;
}
.pdt-5 {
  padding-top: 10upx !important;
}

.pdt-10 {
  padding-top: 20upx !important;
}

.pdt-15 {
  padding-top: 30upx !important;
}

.pdt-20 {
  padding-top: 40upx !important;
}

.pdt-25 {
  padding-top: 50upx !important;
}

.pdt-30 {
  padding-top: 60upx !important;
}
/*新增100內邊距*/
.pdt-100 {
  padding-top: 100upx !important;
}
.pdb-0 {
  padding-bottom: 0px !important;
}

.pdb-5 {
  padding-bottom: 10upx !important;
}

.pdb-10 {
  padding-bottom: 20upx !important;
}

.pdb-15 {
  padding-bottom: 30upx !important;
}

.pdb-20 {
  padding-bottom: 40upx !important;
}

.pdb-25 {
  padding-bottom: 50upx !important;
}

.pdb-30 {
  padding-bottom: 60upx !important;
}

.pdb-50 {
  padding-bottom: 100upx !important;
}

.pdl-5 {
  padding-left: 10upx !important;
}

.pdl-10 {
  padding-left: 20upx !important;
}

.pdl-15 {
  padding-left: 30upx !important;
}

.pdl-20 {
  padding-left: 40upx !important;
}

.pdl-25 {
  padding-left: 50upx !important;
}

.pdl-30 {
  padding-left: 60upx !important;
}

.pdr-5 {
  padding-right: 10upx !important;
}

.pdr-10 {
  padding-right: 20upx !important;
}

.pdr-15 {
  padding-right: 30upx !important;
}

.pdr-20 {
  padding-right: 40upx !important;
}

.pdr-25 {
  padding-right: 50upx !important;
}

.pdr-30 {
  padding-right: 60upx !important;
}

.col-10{
  width:10% !important;
}
.col-20{
  width:20% !important;
}
.col-30{
  width:30% !important;
}

.col-60{
  width:60% !important;
}
.col-80{
  width: 80% !important;
}
.col-100{
  width: 100% !important;
}
/*新增普通按鈕*/
.submit-btn {
background-color: #2090FE;
color: #fff;
width:90%;
letter-spacing: 5px;
}

/*app.css需要引入的样式*/